<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>上传至知识库</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<!-- jQuery-->
		<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>

		<!-- layui-->
		<link rel="stylesheet" href="/static/plugins/layui/2.8.4/css/layui.css" media="all">
		<script src="/static/plugins/layui/2.8.4/layui.js" charset="utf-8"></script>

	</head>
	<style>
		.all-view{
			width: 90%;
			margin: 0 auto;
			margin-top: 20px;
		}
		.btn-view{
			margin-bottom: 10px;
			
		}
		.add-btn{
			width:120px;
		}
		.bottom-view{
			position: fixed;
			bottom: 0;
			width: 100%;
		}
		.add-btn-view{
			width: 260px;
			margin: 0 auto;
			margin-bottom: 40px;
		}
	</style>
	
	<body>
		
		<!--头部输入框-->
		
		<form class="layui-form layui-form-pane all-view" action="">


			<div class="layui-form-item">
				<label class="layui-form-label">选择知识库</label>
				<div class="layui-input-block">
					<select name="chooseBase" id="chooseBase" lay-filter="chooseBase">
						<option value="">请选择</option>

					</select>
				</div>
			</div>


			<div class="layui-form-item">
				<label class="layui-form-label">选择分类</label>
				<div class="layui-input-block" id="chooseTypeView">
					<select name="chooseType" id="chooseType" lay-filter="chooseType">
						<option value="">请选择</option>

					</select>
				</div>
			</div>


			<div class="layui-form-item">
				<span style="line-height: 30px;">是否去除连续的空格与换行<i class="layui-icon layui-icon-question" id="isSimpleCheckTip" style="color: #ffa33a;padding-left: 5px; cursor: pointer;" ></i>：</span>
				<input type="checkbox" name="isSimpleCheck" lay-skin="switch" lay-filter="switchIsSimple" title="是|否" checked>
			</div>


      </form>

      <div class="bottom-view">
          <div class="layui-btn-container add-btn-view">
            <button type="button" class="layui-btn layui-btn-primary layui-border-blue add-btn" onclick="toAdd();">确定</button>
            <button type="button" class="layui-btn layui-btn-primary layui-border add-btn" onclick="toClose();">取消</button>
          </div>
      </div>


		<input type="hidden" name="ids" id="ids" value=""><!--信息ids-->
		<input type="hidden" name="baseId" id="baseId" value=""><!--知识库id-->
		<input type="hidden" name="typeId" id="typeId" value=""><!--分类id-->
		<input type="hidden" name="isRemoveBlank" id="isRemoveBlank" value="1"><!--是否去除连续的空格与换行，0否1是-->


      <script>
		  $('#ids').val('[(${dto.id})]');
		  var eKnowKnowledgeTypeList = [];
		  var eKnowKnowledgeBaseList = [];

		  var tipIndex = null;
		  $("#isSimpleCheckTip").mouseover(function() {
			  tipIndex = layer.tips("系统在分段前会自动帮你去除连续的空格、换行，建议开启。", this, {tips: [2, "#C1C1C1"],time:0});
		  });
		  $("#isSimpleCheckTip").mouseout(function() {layer.close(tipIndex);});


		  $.ajax({
			  url : '/api/inter/eKnowChatLogManage/searchEKnowLedgeBaseInfo',
			  data : {},
			  type : 'POST',
			  async : false,
			  success : function(result) {
			  	console.log('result',result);
				  if(result.code=='SUCCESS'){
					  //分类信息
					  eKnowKnowledgeTypeList = result.eKnowKnowledgeTypeList;
					  //知识库信息
					  eKnowKnowledgeBaseList = result.eKnowKnowledgeBaseList;
					  if(eKnowKnowledgeBaseList!=null && eKnowKnowledgeBaseList.length>0){
					  	for(var i=0;i<eKnowKnowledgeBaseList.length;i++){
							$('#chooseBase').append('<option value="'+eKnowKnowledgeBaseList[i].id+'">'+eKnowKnowledgeBaseList[i].knowledgeBaseName+'</option>');
						}
					  	if(eKnowKnowledgeTypeList!=null && eKnowKnowledgeTypeList.length>0){
							for(var i=0;i<eKnowKnowledgeTypeList.length;i++){
								$('#chooseType').append('<option value="'+eKnowKnowledgeTypeList[i].id+'">'+eKnowKnowledgeTypeList[i].typeName+'</option>');
							}
						}

					  }
				  }else{
					  layer.msg('不好意思，系统出现问题了，请稍后重试！', {icon: 2});
					  setTimeout(function(){
						  window.parent.layer.closeAll();
					  }, 1000);
				  }
			  }
		  });



		  //重新设置下拉选项
		  function reSetTypeSelect(){
			  $('#chooseTypeView').html('');
			  var htmlStr = '<select name="chooseType" id="chooseType" lay-filter="chooseType">';
			  if(eKnowKnowledgeTypeList!=null && eKnowKnowledgeTypeList.length>0 && $('#baseId').val()!=''){
				  htmlStr +='<option value="" selected>请选择</option>';
				  for(var i=0;i<eKnowKnowledgeTypeList.length;i++){
					  if(eKnowKnowledgeTypeList[i].baseId == $('#baseId').val()){
						  htmlStr+='<option value="'+eKnowKnowledgeTypeList[i].id+'">'+eKnowKnowledgeTypeList[i].typeName+'</option>';
					  }
				  }
			  }else {
				  htmlStr +='<option value="" selected>请先选择知识库</option>';
			  }
			  htmlStr+= '</select>';
			  $('#chooseTypeView').html(htmlStr);
			  //选择所属分类
			  layui.form.render('select');
		  }



          layui.use(function(){
            var form = layui.form;
            var layer = layui.layer;
			  //选择所属分类
			  form.on('select(chooseType)', function(data){
				  var elem = data.elem; // 获得 select 原始 DOM 对象
				  console.log('elem',elem);
				  var value = data.value; // 获得被选中的值
				  //var othis = data.othis; // 获得 select 元素被替换后的 jQuery 对象
				  $('#typeId').val(value);
			  });
			  //选择所属知识库
			  form.on('select(chooseBase)', function(data){
				  var value = data.value; // 获得被选中的值
				  if(value!=$('#baseId').val()){
				  	console.log('value',value);
					  $('#baseId').val(value);
					  $('#typeId').val('');
					  $('#chooseType').val('');
					  reSetTypeSelect();
				  }
			  });
			  form.on('switch(switchIsSimple)', function(data){
				  var elem = data.elem; // 获得 checkbox 原始 DOM 对象
				  if(elem.checked){//是
					  $('#isRemoveBlank').val(1);
				  }else {//否
					  $('#isRemoveBlank').val(0);
				  }

			  });
          });

		  function toClose() {
			  window.parent.layer.closeAll();
		  }

		  function toAdd() {

			  var ids = $('#ids').val();
			  var typeId = $('#typeId').val();
			  var baseId = $('#baseId').val();
			  if(baseId ==undefined || baseId ==null || baseId ==''|| baseId =='0' ){
				  layer.msg('请选择所属知识库', {icon: 0});
				  return ;
			  }
			  if(typeId ==undefined || typeId ==null || typeId ==''|| typeId =='0' ){
				  layer.msg('请选择所属分类', {icon: 0});
				  return ;
			  }

			  var layindex= layer.load(2);
			  $.ajax({
				  url: '/api/inter/eKnowChatLogManage/uploadChatLogManageToKnowledge',
				  data: {
					  'ids':ids,
					  'typeId':typeId,
					  'baseId':baseId,
					  'isRemoveBlank':$('#isRemoveBlank').val()
				  },
				  type: 'POST',
				  async: true,
				  timeout: 60000,
				  success: function (result) {
					  layer.close(layindex);
					  console.log('result:',result);
					  if(result.code=='SUCCESS'){
						  layer.msg("操作成功", {icon: 1});
						  setTimeout(function(){
							  window.parent.location.reload();
						  }, 1000);
					  } else{//失败
						  layer.close(layindex);
						  layer.msg('不好意思，系统出现问题了，请稍后重试！', {icon: 2});
					  }
				  },
				  error: function () {
					  layer.close(layindex);
					  layer.msg('不好意思，系统出现问题了，请稍后重试！', {icon: 2});
				  }
			  });
		  }



      </script>

  </body>
</html>